<!DOCTYPE html>
<html class="x-admin-sm">

<head>
	<meta charset="UTF-8">
	<title>电子学会比赛管理系统</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
	<link rel="stylesheet" href="./css/font.css">
	<link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./css/xadmin.css">
	<script src="./lib/layui/layui.js" charset="utf-8"></script>
	<script type="text/javascript" src="./js/xadmin.js"></script>
	<script type="text/javascript" src="./js/abkj/fun_tool.js"></script>
	<script type="text/javascript" src="./js/abkj/auth/api/account.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/mathwork.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/grade.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/zone.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/scheduletype.js"></script>
	<script type="text/javascript" src="./js/abkj/match/api/tmatch.js"/></script>
	<script type="text/javascript" src="./js/abkj/match/api/workappeal.js"/></script>
		<script type="text/javascript" src="./js/abkj/ext/matchExt.js"/></script>

	<script type="text/javascript" src="./js/abkj/slAjax.js"></script>
	<script src="./lib/layui/layui.js" charset="utf-8"></script>
	<script type="text/javascript" src="./js/xadmin.js"></script>
</head>

<body>
<div class="x-nav">
	<span class="layui-breadcrumb">
			<a href="">首页</a>
			<a><cite>比赛管理</cite></a>
			<a><cite>晋级名单详情</cite></a>
	</span>
	<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
		<i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
	</a>
</div>
<div class="layui-fluid">
	<div class="layui-row layui-col-space15">
		<div class="layui-col-md12">
			<div class="layui-card">
				<div class="layui-card-body" id="content" v-cloak>
					<table class="layui-table layui-form" id="table">
						<span style="float: left;margin-right: 10px">共计{{total}}条数据</span>
						<div class="layui-btn-container">
							<button class="layui-btn layui-btn-sm" onclick="daochu()">导出</button>
						</div>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
<script src="./js/vue.js"></script>
<script>
function request(strParame) {
	var args = new Object( );
	var query = location.search.substring(1);

	var pairs = query.split("&"); // Break at ampersand
	for(var i = 0; i < pairs.length; i++) {
	var pos = pairs[i].indexOf('=');
	if (pos == -1) continue;
	var argname = pairs[i].substring(0,pos);
	var value = pairs[i].substring(pos+1);
	value = decodeURIComponent(value);
	args[argname] = value;
	}
	return args[strParame];
}
function daochu(){
	var url='https://serviceprod.kpcb.org.cn/abkj-api-match-provider/excel/exportPromotedTeam?matchId='+request("mid")+'&zoneId='+request("zid")+'&scheduleId='+request("sid")
	var downloadLink = document.createElement('a');
					document.body.appendChild(downloadLink);

					// Use special ms version if available to get it working on Edge.

					downloadLink.href = url;
					downloadLink.target='_blank'
					// console.log(url)

					downloadLink.click();

					document.body.removeChild(downloadLink);
					window.URL.revokeObjectURL(myurl);
}
	var app=new Vue({
		el: '#content',
		data: {
			list:[],
			aaa: 123,
			total:0,
			status:['审核','待审核' ,'通过', '不通过'],
			participate:['审核','参赛' ,'弃权' ],
			cols: [ //表头
				{field: 'id', title: '序号'},
				{field: 'signupId', title: '团队ID'},


			]
		},
		methods:{
			opentab:function(name,url){
				//单击事件
				console.log(name)
				console.log(url)
				xadmin.add_tab(name,url)
			},
			getData(){
				// alert(request("mid"))
        // alert(request("zid"))
				// alert(request("sid"))

				var vm=this
				var queryData = {

									scheduleId:request("sid"),
									matchId:request("mid"),//Integer 赛程ID
									zoneId:request("zid"),//Integer 赛区ID

	        };
				getPromotedTeams(queryData,function(data){
					     // alert(JSON.stringify(data))
              vm.list=data.data
							vm.init()

				})

			},
			init:function() {
				var that = this
				layui.use(['laypage','table'], function () {
					// var laypage = layui.laypage;
					// //执行一个laypage实例
					// laypage.render({
					// 	elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
					// 	,count: 16 //数据总数，从服务端得到
					// });
					that.total=that.list.length
					var table = layui.table
					//头工具栏事件
					table.render({
						elem: '#table',
						url:'',
						title: '用户数据表',
						cols: [that.cols],
						page: true,
						data: that.list
					})
				})
			}
		}
	})
	window.onload=function(){
		app.getData()
	}
</script>
<script src="./js/jquery.min.js"></script>
<script type="text/html" id="operating">
	<a href="javascript:;" class="layui-table-link">查看成绩</a>
</script>
<script>
	$(function () {
		layui.use(['form', 'table'], function () {
			var form = layui.form
			// layer.msg('玩命卖萌中', function(){
			//   //关闭后的操作
			//   });
			//监听提交
			form.on('submit(sreach)', function (data) {
				console.log(data)
				// layer.msg(JSON.stringify(data.field), function () {
				// location.href = 'index.html'
				// })
				return false
			})
		})


	})
</script>

</html>
